<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/vue.js"></script>
</head>
<body>
<!--    准备好一个容器，后续用来装Vue的组件模块-->
    <div id="root">
        <!-- 动态变化的内容用 插值 语法：{{name}}  其中name是由Vue配置中data.name -->
        <h1>Hello! {{name}}</h1>
    </div>


<script>
    Vue.config.productionTip = false //关闭引用vue的警告提示信息

    // 创建Vue实例
    const x = new Vue({
        el:'#root',  // el用于指定当前Vue实例为哪个容器服务，值通常为CSS选择器字符串
        data:{  // data中用于存储数据，数据供el所指定的容器去使用
            name:'sss'
        }
    })
</script>
</body>
</html>
